<template>
  <div class="x-menu-item">
    <slot></slot>
  </div>
</template>

<script>
  export default {
    name: 'x-select-item',
  }
</script>

<style lang="scss" scoped>
  @import '../config.scss';
  .x-menu-item {
    display: flex;
    align-items: center;
    width: 166px;
    height: 46px;
    padding: 12px 11px;
    border-radius: $border-radius;

    &:hover {
      background: rgba(63, 140, 255, 0.12);
    }
  }
</style>
